@charset 'utf-8';

* {
	font-size: .3rem;
	color: #999;
}

body {
	background-color: #EFEFEF;
}

#loginHead {
	color: black;
	height: .9rem;
	line-height: .9rem;
	background-color: #F9FAFD;
	text-align: center;
	background-image: url(../images/loginArrow.png);
	background-repeat: no-repeat;
	background-size: .4rem;
	background-position: .2rem center;
	border-bottom: 1px solid #ddd;
}

#alert {
	background-color: #FFD600;
	display: flex;
	height: 1.3rem;
}
#alert .alertImg {
	width: 40%;
	position: relative;
}
#alert .alertImg>img {
	width: 90%;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}
#alert .alertText {
	width: 70%;
	color: black;
	font-size: .25rem;
	align-self: center;
	margin-left: .05rem;
	margin-right: .05rem;
}
#loginVerify {
	background-color: white;
	height: 2rem;
}
#loginVerify>div {
	height: 1rem;
	line-height: 1rem;
}
#loginVerify input {
	border: none;
	height: .8rem;
	line-height: .8rem;
	outline: none;
	width: 4rem;
	padding-left: .2rem;
}
#loginVerify>#loginPhone {
	border-bottom: 1px solid #ddd;
}
#loginVerify>#loginPhone>button {
	background-color: #FFD600;
	border: none;
	border-radius: .08rem;
	color: #666;
	padding: .05rem .1rem;
}
#loginWrap>p {
	text-align: center;
	line-height: 1rem;
}
#loginWrap>p>a {
	color: blue;
	text-decoration: underline;
}
#loginConfirm {
	width: 95%;
	height: .8rem;
	line-height: .8rem;
	color: black;
	background-color: #FFD600;
	border: none;
	border-radius: .1rem;
	margin: 0 auto;
	text-align: center;
}